<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="layout">

<head>
   <div class="alert alert-danger" th:if="${#fields.hasErrors('*')}">
							<span th:each="err : ${#fields.errors('*')}" th:utext="${err}"/>
						</div>
</head>
ffffffffffffffffffffffw
<body id="cas" class="login" style="   background-color: #fff;">fffffffdddddddddddddddd
						
    <div layout:fragment="content">
        <div class="row">
            <div id="notices" class="col-sm-12 col-md-6 col-md-push-6">
				<div id="cookiesDisabled" class="alert alert-info" style="display:none;">
					<h2 th:utext="#{screen.cookies.disabled.title}"></h2>
					<p th:utext="#{screen.cookies.disabled.message}"></p>
				</div>
				
                <div th:replace="fragments/serviceui"/>
                 
				
				
            </div>
            <div class="col-sm-12 col-md-6 col-md-pull-6">
				<div class="box" id="login">
					<div class="login-header">
						<h2 th:text="#{cas.login.pagetitle}"></h2>
						<span class="fa-stack fa-2x hidden-xs">
						  <i class="fa fa-circle fa-stack-2x"></i>
						  <i class="fa fa-lock fa-stack-1x fa-inverse"></i>
						</span>
					</div>

					<form method="post" id="fm1" th:object="${credential}">

						<div class="alert alert-danger" th:if="${#fields.hasErrors('*')}">
							<span th:each="err : ${#fields.errors('*')}" th:utext="${err}"/>
						</div>

						<h2 th:utext="#{screen.welcome.instructions}"></h2>

						<section class="row">
							<label for="username" th:utext="#{screen.welcome.label.netid}"/>

							<div th:if="${openIdLocalId}">
								<strong>
									<span th:utext="${openIdLocalId}"/>
								</strong>
								<input type="hidden"
									   id="username"
									   name="username"
									   th:value="${openIdLocalId}"/>
							</div>
							<div th:unless="${openIdLocalId}">
								<input class="required"
									   id="username"
									   size="25"
									   tabindex="1"
									   type="text"
									   th:field="*{username}"
									   th:accesskey="#{screen.welcome.label.netid.accesskey}"
									   autocomplete="off"/>
							</div>
						</section>

						<section class="row">
							<label for="password" th:utext="#{screen.welcome.label.password}"/>
							
							<div>
								<input class="required"
									   type="password"
									   id="password"
									   size="25"
									   tabindex="2"
									   th:accesskey="#{screen.welcome.label.password.accesskey}"
									   th:field="*{password}"
									   autocomplete="off"/>
								<span id="capslock-on" style="display:none;">
									<p>
										<i class="fa fa-exclamation-circle"></i>
										<span th:utext="#{screen.capslock.on}"/>
									</p>
								</span>
							</div>
						</section>
						
						<section class="row">
							<label for="captcha" th:utext="验证码"/>
							
							<div>
								<input class="required"
									   type="text"
									   id="captcha"
									   size="25"
									   tabindex="2"
									    
									   th:field="*{captcha}"
									   autocomplete="off"/>
								<span id="capslock-on" style="display:none;">
									<p>
										<i class="fa fa-exclamation-circle"></i>
										<span th:utext="#{screen.capslock.on}"/>
									</p>
								</span>
							</div>
						</section>
						<section class="row">
							<div class="g-recaptcha" th:attr="data-sitekey=${recaptchaSiteKey}"/>
							<img  src="Kaptcha.jpg" onclick="this.src='Kaptcha.jpg?'+Math.floor(Math.random() * 100)" title="换一张">
						</section>

						<section class="row btn-row">
							<input type="hidden" name="execution" th:value="${flowExecutionKey}"/>
							<input type="hidden" name="_eventId" value="submit"/>
							<input type="hidden" name="geolocation"/>

							<input class="btn btn-submit btn-block"
								   name="submit"
								   accesskey="l"
								   th:value="#{screen.welcome.button.login}"
								   tabindex="6"
								   type="submit"/>
						</section>
					</form>


					 
				</div>

            </div>
        </div>
    </div>
</body>
</html>
